<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>帮我的靓粉吧助力一下！</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<div class="mui-content">
    <div class="full-page assi-bg1">
    	<div class="assi-wx-top">
        	<div class="aw-part1">13.12%</div>
            <div class="aw-part2"><img src="../images/p-male.png" alt="" />我是张三</div>
            <div class="aw-part3">
            	<p>我通过靓粉吧去淘宝买了<span class="c-e63a68">484.97</span>元的宝贝</p>
				<p>每天在靓粉吧赚到了<span class="c-e63a68">0.161</span>元的收益呦~</p>
			</div>
        </div>
        <div class="assi-wx-bot">
        	<div class="aw-ul" id="marquee">
                <ul>
                    <li>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.333%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    	<div><img src="../images/p-male.png" alt="" />好友潜夏若雪帮蒋雨涵提高了0.667%年化收益</div>
                    </li>
                </ul>
            </div>
            <div class="aw-btn"><a href="javascript:;" class="c-btn c-btn-red" id="cheerBtn">为TA加油</a></div>
            <div class="aw-down"><a href="javascript:;"><img src="../images/assi/assi-down.jpg" alt="" /></a></div>
        </div>
    </div>
</div>

<!--加油-->
<div class="cheer-pop" id="cheerSuccess">
	<a href="javascript:;" class="cheer-close"><i class="icon icon-jsclose"></i></a>
	<p>成功为TA助力</p>
    <h4>1.91%</h4>
    <p>年化收益</p>
</div>
<div class="cheer-pop" id="cheerAlready">
	<a href="javascript:;" class="cheer-close"><i class="icon icon-jsclose"></i></a>
    <h3>猴赛雷</h3>
	<p>为TA加油的小伙伴太给力了，明天再为他加油吧。</p>
    <a href="javascript:;" class="c-btn c-btn-red btn-radius-lit mt15">白拿的钱，我也想要</a>
</div>
<div class="cheer-mask"></div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../widget/marquee/js/marquee.js"></script>
<script type="text/javascript">
$(function(){
	//marquee
	$('#marquee').kxbdSuperMarquee({
		isMarquee:true,
		isEqual:true,
		scrollDelay:20,
		direction:'left',
		loop:-1
	});
	
	//加油
	$('#cheerBtn').on('click',function(){
		var disable = $(this).hasClass('disable');
		if(!disable){
			$(this).addClass('disable');
			$('#cheerSuccess,.cheer-mask').fadeIn(200);
		}else{
			$('#cheerAlready,.cheer-mask').fadeIn(200);	
		}
	});
	$('.cheer-close,.cheer-mask').on('click',function(){
		$('.cheer-pop,.cheer-mask').fadeOut(200);
	});
});
</script>
</body>
</html>